﻿<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	<link href="css/default.css" rel="stylesheet" type="text/css">

	<!-- Javascripts -->
	<script src="js/jquery.js"></script>
	<script src="js/cre-application.jquery.js"></script>
	<title>Creatision</title>
</head>
<body>
	<!-- MAIN CONTAINER -->
	<div id="cre_main_container">
		<!-- HEADER SECTION START -->
		<div id="cre_header">
			<!-- TOP SECTION IN HEADER -->
			<div id="cre_header_top">
				<!-- LOGO -->
				<div id="cre_header_top_logo"><img width="180" src="images/logo_creatision.png" /></div>
				<!-- TOP NAVIGATION -->
				<div id="cre_header_top_topnavi">
					<ul>
						<li class="first"><a href="#">Registrieren</a></li>
						<li><a href="#">Anmelden</a></li>
						<li class="facebook last"><a href="#">Anmelden</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- TOP HEADLINES -->
			<div id="cre_header_headlines">
				<div id="cre_header_headlines_intro">
					<h2 class="text-center"> <span class="font-weight-600">Profil bearbeiten.</span></h2>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- HEADER SECTION END -->

		<!-- CONTENT BEGIN -->
		<div id="cre_content_wrapper">
			<div id="cre_content_inner">
				<div class="cre_content width-70">					
					<form method="" action="" enctype="multipart/form-data">
						<h3><span class="font-weight-600">Passwort</span> ändern:</h3>
						<input type="text" placeholder="altes Passwort" />
						<div class="spacer"></div>
						<input type="text" placeholder="neues Passwort" />
						<input type="text" placeholder="neues Passwort wiederholen" />
						
						<div class="spacer"></div>
						<input type="submit" value="Speichern" class="button right red" />

					</form>
					</div>
					
				</div>

				<div class="cre_content width-30">
					<h3>Angebote</h3>
					<p><strong>Synergy Solutions GmbH</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
					<div class="spacer dotted"></div>

					<p><strong>Zimmerei Mustermann</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
					<div class="spacer dotted"></div>

					<p><strong>Schreinerei Wagner</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>

			</div>
		</div>
		<!-- CONTENT END -->

		<!-- FOOTER BEGIN -->
		<div id="cre_footer_wrapper">
			<div id="cre_footer">
				<div id="cre_footer_copyright">&copy; 2012 creatision GmbH</div>
				<div id="cre_footer_navi">
					<ul>
						<li><a href="#">Impressum</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Kontakt</a></li>
						<li><a href="#">AGB</a></li>
						<li><a href="#">Datenschutz</a></li>
						<li><a href="#">Über creatision</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- FOOTER END -->

	</div>

	<div id="cre_overlay"></div>
</body>
</html>